hexo 中添加音乐 视频等多媒体文件

在写博客的时候不可避免地会遇到引用一些多媒体文件的地方，常用的方法是将相关多媒体文件的网址直接在博文内做个超链接，但是这样跳来跳去总归有些不便。今天就博文内部的多媒体引用作了一些尝试, 现将代码记录如下, 方便以后自己使用。

---

前言

如果使用的是chrome浏览器，可能会遇到加载不出多媒体文件的问题。这时候只要单击搜索框右侧小盾牌，添加信任，让脚本文件正常运行即可。

插入音频

网易云音乐

官方版

代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=20744782&auto=1&height=66"></iframe>

代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="http://music.163.com/outchain/player?type=0&id=91280726&auto=0&height=430"></iframe>

网友版

代码: (via: HTML5 版网易云音乐外链播放器)

<iframe src="http://musicbox.coding.io/m163player/20744782" frameborder="0" scrolling="0" width="430" height="200" allowtransparency></iframe>

虾米音乐

官方版

代码:

<embed src="http://www.xiami.com/widget/11485616_423326_235_346_FF8719_494949/albumPlayer.swf" type="application/x-shockwave-flash" width="235" height="346" wmode="transparent"></embed>

网友版

代码: (Via: HTML5版虾米音乐外链播放器)

<iframe src="http://musicbox.coding.io/xiamiplayer/45819" frameborder="0" scrolling="0" width="430" height="200" allowtransparency></iframe>

视频

优酷

代码:

<iframe height=498 width=510 src="http://player.youku.com/embed/XNjcyMDU4Njg0" frameborder=0 allowfullscreen></iframe>

acfun

代码:

<iframe height=498 width=510 src="http://player.youku.com/embed/XNjcyMDU4Njg0" frameborder=0 allowfullscreen></iframe>

哔哩哔哩

代码:

<embed width="480" height="400" src="http://static.hdslb.com/miniloader.swf?aid=3031758&amp;page=1" type="application/x-shockwave-flash" wmode="transparent" quality="high" allowscriptaccess="never" />

Youtube

制成GIF

对于一些简短小巧的视频，可以将它们制成GIF图片，然后上传到新浪微博图床。制作GIF的工具推荐使用Gifcam。

代码:

<iframe width="560" height="315" src="https://www.youtube.com/embed/MpGPrhsTjPY" frameborder="0" allowfullscreen></iframe>